import Vue from "vue";
import Notification from "./index.vue";
/**
 * 方式一
 * template
 * 用 $mount 手动渲染的组件，如果要销毁，也要用 $destroy 来手动销毁实例，必要时，也可以用 removeChild 把节点从 DOM 中移除
 */
// const Notification = Vue.extend({
//   template: '<div class="notification">{{ message }}</div>',
//   data() {
//     return {
//       message: "消息提示",
//     };
//   },
// });
// const component = new Notification().$mount();
// document.body.appendChild(component.$el);
// // new Notification().$mount("#app");
// // new Notification({ el: "#app" });

/**
 * 方式二
 * render
 */
const props = {}; // 组件的props选项
const Instance = new Vue({
  render(h) {
    return h(Notification, {
      props,
    });
  },
});
const component = Instance.$mount();
document.body.appendChild(component.$el);
